<template>
<div class="login-swapper">
    <div class="login-img clearfix">
      <img src="../assets/img/denglu-chahua_03.png" alt="">
    </div>
    <router-view></router-view>
  </div>
</template>
<script>
export default {
  
}
</script>
<style lang='less'>
  .login-swapper{
    background: #fff;
    width: 600px;
    height: 500px !important;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    padding: 0 42px;
    display: flex;
    border-radius: 22px;
    .login-img{
      width: 256px;
      flex: 1;
    }
    img{
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
    }
  }  
</style>